<template>
	<view class="evaluateComplete">
		<view class="comTop">
			<image src="/static/images/pjbck.png" mode="" class="bckImage"></image>
			<view class="top1">
				<image src="/static/images/suc.png" mode=""></image>
				<text>评价完成，感谢您！</text>
			</view>
			<text class="topP">您的评价将会帮助很多人</text>
		</view>
		<view class="listCon">
			<view class="liItem">
				<view class="liTop">
					<view class="liLeft">
						<image src="/static/images/nav-tag-1.png" mode=""></image>
					</view>
					<view class="liRight">
						<text class="fontWeight ev1Title">全身理疗按摩</text>
						<text>上门时间：2025-03-06 09:00</text>
						<text>项目时间：60分钟</text>
						<text>项目价格：￥248.00</text>
					</view>
				</view>
				<view class="liBtn">
					<view class="btn1">
						<text>评价一下</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.fontWeight {
		font-weight: bold;
	}

	.evaluateComplete {

		.comTop {
			position: relative;
			width: 100%;
			height: 268rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;

			.top1 {
				display: flex;
				align-items: center;
				font-size: 32rpx;
				font-weight: 700;
				margin-left: 16rpx;
				color: #fff;

				image{
					width: 40rpx;
					height: 40rpx;
					margin-right: 12rpx;
				}
			}

			.topP {
				margin-top: 40rpx;
				color: #fff;
				font-size: 24rpx;
				font-weight: 500;
			}
		}

		.listCon {
			position: relative;
			margin: 0 24rpx;

			.liItem {
				border-radius: 16rpx;
				background: rgba(255, 255, 255, 1);
				padding: 24rpx;
				margin-top: 32rpx;

				.liTop {
					display: flex;

					.liLeft {
						image {
							width: 166rpx;
							height: 170rpx;
						}
					}

					.liRight {
						line-height: 45rpx;
						display: flex;
						flex-direction: column;
						font-size: 22rpx;
						margin-left: 16rpx;

						.ev1Title {
							font-size: 28rpx;
						}
					}
				}

				.liBtn {
					display: flex;
					justify-content: flex-end;

					.btn1 {
						width: 160rpx;
						height: 64rpx;
						border-radius: 44rpx;
						border: 2rpx solid rgba(94, 103, 110, 1);
						display: flex;
						justify-content: center;
						align-items: center;
						font-size: 24rpx;
						color: rgba(94, 103, 110, 1);
					}
				}
			}
		}
	}
</style>